<template>
	<my-popup ref="pay_modal" title='付费详情' height='200'>
		<view class="u-flex j-s a-c row  padh20">
			<view>产品价格</view>
			<view>¥ {{price}}</view>
		</view>
		<view class="u-flex j-s a-c row pay-bar">
			<view class="padh20">支付金额：¥ {{price}}</view>
			<view @click="$emit('confirm')" class="btn padv18 padh50 flex ">立即支付</view>
		</view>
	</my-popup>
</template>

<script>
	export default {
		props: {
			price: {
				type: Number
			}
		},
		name: "pay-confirm-modal",
		methods: {
			show() {
				this.$refs.pay_modal.show()
			},
			hide() {
				this.$refs.pay_modal.hide()
			},
		}
	}
</script>

<style lang="scss" scoped>
	.row {
		height: 100rpx;

		&.pay-bar {
			border-top: 2rpx solid #eee;
			color: rgba(205, 20, 35, 1);

			.btn {
				color: #fff;
				background: linear-gradient(to right, rgba(251, 55, 64, 1), rgba(223, 26, 35, 1));
			}
		}
	}
</style>
